/**
 * 房屋住户
 * @author truexin
 * @date   2016/06/12
 */
.residents-page {
    background: #efeff4;
    .panel {
        padding-top: .1rem;
        .no-data {
            text-align: center;
            background: #efeff4;
            font-size: .15rem;
            font-weight: lighter;
            color: #a0a0a0;
            margin: 0;
            @media (max-width: 320px) {
                padding-top: 75%;
            }
            padding-top: 80%;
        }
    }
    .person {
        background: #fff;
        position: relative;
        border-bottom: 1px solid #ddd;
        &:first-child {
            margin-top: .1rem;
            border-top: 1px solid #ddd;
        }
        div, p, img {
            margin: 0;
            padding: 0;
        }
        img {
            margin: .1rem .21rem;
            width: .53rem;
            height: .53rem;
            border: 1px solid #ddd;
            -moz-border-radius: .3rem; /* Firefox */
            -webkit-border-radius: .3rem; /* Safari 和 Chrome */
            border-radius: .3rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
            vertical-align: middle;
        }
        div {
            float: right;
            width: 2.8rem;
            p {
                color: #888;
                font-size: .15rem;
                &:first-child {
                    padding-top: .2rem;
                }
                &:last-child {
                    padding-top: .07rem;
                }
            }
        }
    }
}